
/* Copyright IBM Corp, All Rights Reserved.

SPDX-License-Identifier: Apache-2.0
 */

@CHARSET "UTF-8";
.ds-chain-main-container{width:80%;margin-top:60px;font-family:"Helvetica Neue",Arial,sans-serif;}
.ds-chain-main-container h1{font-size:24px;color:#4178BE;margin-top:42px;border-bottom:none;}
.ds-chain-main-container h1>label{color:#ADADAD;font-size:14px;}
.ds-chain-main h1>a{color:#4178BE;}
.ds-chain-main h2{font-size:18px;color:#296fb6;margin-bottom:30px;border-bottom:2px solid #296fb6;}
.ds-chain-main th{font-size:16px;color:#4178BE;}
.ds-chain-main thead :hover{color:#FF5003;}
.expand-compress-icon{margin-top:10px;cursor:pointer;}
.latency-show{position:absolute;bottom:0;right:10px;font-size:10px;font-weight:500;}
.log-badge{position:absolute;bottom:0;left:0;}
.log-badge-normal{background-color:#f7f7f7;color:#666;font-weight:inherit;}
.log-show{position:absolute;bottom:0;right:15px;font-size:10px;font-weight:500;}
ul.listico{margin:30px auto 0;border-top:2px solid #4178BE;overflow:hidden;width:200px;}
ul.listico li{float:left;width:46px;padding:12px 8px 10px 12px;list-style:none;}
ul.listico li a{display:block;padding-top:42px;height:32px;line-height:32px;text-align:center;}
ul.listico li a.ico0{background:url(/images/icon-deploy.png) no-repeat center 0;color:#ff6523;}
ul.listico li a.ico1{background:url(/images/icon-invoke.png) no-repeat center 0;color:#ff6523;}
ul.listico li a.ico2{background:url(/images/icon-query.png) no-repeat center 0;color:#ff6523;}
ul.listico li a.ico3{background:url(/images/icon-topo.png) no-repeat center 0;}
ul.listico li a.ico4{background:url(/images/icon-log.png) no-repeat center 0;}
ul.listico li a.ico5{background:url(/images/icon-bc.png) no-repeat center 0;}
ul.listico li a.ico6{background:url(/images/icon-apis.png) no-repeat center 0;}
.img-dropdown{margin-right:12px;margin-left:-2px;}
td.no-result{color:#b2b2b2;text-align:center;line-height:80px;font-style:italic;font-size:24px;}
.panel-overlayer{position:absolute;top:0;left:0;width:100%;height:100%;
background:#fafafa;opacity:0.3;border-radius:4px;z-index:999;}
.iconrefresh{position:absolute;width:20px;height:20px;top:50%;left:50%;margin-top:-10px;margin-left:-10px;}
.nodeDetail{background:#333 none repeat scroll 0 0;border-radius:3px;box-sizing:border-box;
color:rgba(255, 255, 255, 0.7);font-size:12px;line-height:18px;padding:5px 8px;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}
.block{width:60px;height:60px;border:1px solid rgba(0, 0, 0, 0.25);box-shadow:0 0 6px rgba(0, 0, 0, 0.5);
background-color:rgba(255, 255, 255, 0.4);text-align:center;}
.block:hover{box-shadow:0px 0px 12px rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.75);}
.block .symbol{position:absolute;top:35px;left:0px;right:0px;font-size:60px;font-weight:bold;color:rgba(0,0,0,0.7);
text-shadow:0 0 10px rgba(255,255,255,0.95);}
.notify-message{background:#444 none repeat scroll 0 0;border:1px solid #444;color:#fff;}